{% extends "base.html" %}

{% block head %}
	<link rel="stylesheet" href="/static/css/autosuggest_inquisitor.css" type="text/css" media="screen" charset="utf-8" />
	<link rel="alternate" type="application/atom+xml" title="{{ application_name }}" href="?output=atom"/>

	<script type="text/javascript">
	//<![CDATA[

	function naujaKnyga() {
		var form = document.getElementById("knygosforma");
		var dialog = document.getElementById("knygosforma_dialog");
		DialogBox.instance().show(dialog, function() {
			form["autorius"].focus();
		});
	}

	function knyguImportavimas() {
		var form = document.getElementById("importavimoforma");
		var dialog = document.getElementById("importavimoforma_dialog");
		DialogBox.instance().show(dialog, function() {
			form["failas"].focus();
		});
	}

	function naujasBendradarbis() {
		var form = document.getElementById("narysform");
		var dialog = document.getElementById("narysform_dialog");
		DialogBox.instance().show(dialog, function() {
			form["email"].focus();
		});
	}

	//]]>
	</script>
	<style type="text/css">
		.bendradarbiai {
			float: right;
			margin-bottom: 0.5em;
		}

		.bendradarbiai .button {
			padding-left: 0.5em;
		}

	</style>
{% endblock %}

{% block body %}
	<div class="bendradarbiai">
		<table><tr><td>
			<span class="label">Bendradarbiai:</span>
			{% for bendradarbis in bendradarbiai %}
				{% ifequal bendradarbis.user.email user.email %}
					Aš
				{% else %}
					{{ bendradarbis.user.nickname }}
				{% endifequal %}
				{% if not forloop.last %}/{% endif %}
			{% endfor %}
		</td><td class="button">
			<input type="button" value="Naujas" onclick="naujasBendradarbis()"/>
		</td></tr></table>
	</div>

	<div class="menu">
		<span class="item"><a href="javascript:naujaKnyga()">Nauja knyga</a></span>
		<span class="item"><a href="javascript:knyguImportavimas()">Knygų importavimas</a></span>
		<span class="item"><a href="knygos.csv">Knygų eksportavimas</a></span>
		<span class="item"><a href="/kategorijos">Klasifikacijos kategorijos</a></span>
	</div>

	<form action="/knygusarasasaction.do" method="post">
		<div class="inbox">
			<input type="hidden" name="next" value="{{ request.uri|escape }}"/>
			<div class="buttons top">
				<div class="left corner"></div>
				<div class="right corner"></div>
				<div class="info" style="margin-top: 4px">
					<span class="count">Iš viso {{ viso }} knyga (-os)</span>
				</div>
				<span class="button"><input type="submit" name="action" value="Ištrinti" onclick="return confirm('Ar tikrai norite neatstatomai ištrinti pažymėtas knygas?')"/></span>
				<span id="publish_info" style="margin-left: 0.5em">Viešai prieinama kaip <a href="{{ request.uri|escape }}{% if request.query_string %}&amp;{% else %}?{% endif %}output=html">HTML</a>, <a href="/?output=atom">Atom šaltinis</a></span>
			</div>
			<div class="table">
				<table>
					<tr>
						<th class="checkbox"><input type="checkbox" onclick="pazymeti(this.checked)"/></th>
						<th>Numeris</th>
						<th>Autorius</th>
						<th>Antraštė</th>
						<th>Leidykla</th>
						<th>Miestas</th>
						<th>Metai</th>
						<th>Klasifikacija</th>
						<th class="data">Įrašo data</th>
						<th>Pastabos</th>
					</tr>
					{% for knyga in knygos %}
						<tr id="row{{ forloop.counter }}">
							<td class="checkbox"><input class="knygacheckbox" type="checkbox" name="knyga" value="{{ knyga.key }}" id="checkbox{{ forloop.counter }}" onclick="atnaujintiParyskinima(this, document.getElementById('row{{ forloop.counter }}'))"/></td>
							<td class="numeris">
								{{ knyga.numeris }}
							</td>
							<td class="autorius">
								{% if knyga.autorius %}{{ knyga.autorius|escape }}{% endif %}
							</td>
							<td class="main">
								<div class="antraste"><a href="/knyga?id={{ knyga.key|stringformat:"s"|urlencode }}">{{ knyga.antraste|escape }}</a></div>
							</td>
							<td class="leidykla">
								{% if knyga.leidykla %}{{ knyga.leidykla|escape }}{% endif %}
							</td>
							<td class="miestas">
								{% if knyga.miestas %}{{ knyga.miestas|escape }}{% endif %}
							</td>
							<td class="metai">
								{% if knyga.metai %}{{ knyga.metai }}{% endif %}
							</td>
							<td class="klasifikacija">
								{{ knyga.kategorija.kodas|escape }}  {{ knyga.kategorija.pavadinimas|escape }}
							</td>
							<td class="irasyta data">
								{{ knyga.irasyta_local|date:"Y-m-d H:i" }}
							</td>
							<td class="pastabos">
								{% if knyga.pastabos %}{{ knyga.pastabos|escape }}{% endif %}
							</td>
						</tr>
					{% endfor %}
				</table>
				{% if not knygos %}
					<div class="message">Knygų saraše nieko nėra. Norėdami pradėti, <a href="javascript:naujaKnyga()">sukurkite naują knygą</a>.</div>
				{% endif %}
			</div>
			<div class="buttons bottom">
				<div class="left corner"></div>
				<div class="right corner"></div>
				<span class="button"><input type="submit" name="action" value="Ištrinti" onclick="return confirm('Ar tikrai norite neatstatomai ištrinti pažymėtas knygas?')"/></span>
				{% if puslapiai %}
				<span style="float: right">{% if praeitas %}<a href="{{uzklausa}}{{ praeitas }}">‹ Praeitas</a>{% endif %}{% for puslapis in puslapiai %} <a href="{{uzklausa}}{{ puslapis }}">{% ifequal puslapis dabartinis %}<b>{{ puslapis }}</b>{% else %}{{ puslapis }}{% endifequal %}</a>{% endfor %} {% if sekantis %}<a href="{{uzklausa}}{{ sekantis }}">Sekantis ›</a>{% endif %}</span>
				{% endif %}
			</div>
		</div>
	</form>

	<div id="narysform_dialog" class="dialog" style="display: none">
		<div class="title">Naujas bendradarbis</div>
		<div class="content">
			<form action="/pridetinari.do" method="post" id="narysform">
				<div class="form">
					<input type="hidden" name="next" value="{{ request.uri|escape }}"/>
					<div class="field">
						<div class="name">Vartojo vardas</div>
						<div class="value"><input name="email" type="text" size="27"/></div>
					</div>
					<div class="buttons">
						<span class="button"><input type="submit" value="Pridėti bendradarbį"/></span>
						<span class="button"><input type="button" value="Atšaukti" onclick="DialogBox.instance().close()"/></span>
					</div>
				</div>
			</form>
		</div>
	</div>

	<div id="knygosforma_dialog" class="dialog" style="display: none">
		<div class="title">Nauja knyga</div>
		<div class="content">
			<form action="/knygossukurimas.do" method="post" id="knygosforma">
				<div class="form">
					<div class="field">
						<div class="name">Numeris</div>
						<div class="value"><input name="numeris" type="text" size="4" value="{{ numeris }}"/></div>
					</div>
					<div class="field">
						<div class="name">Autorius</div>
						<div class="value"><input name="autorius" type="text" size="70"/></div>
					</div>
					<div class="field">
						<div class="name">Antraštė</div>
						<div class="value"><input name="antraste" type="text" size="70"/></div>
					</div>
					<div class="field">
						<div class="name">Leidykla</div>
						<div class="value"><input name="leidykla" type="text" size="70"/></div>
					</div>
					<div class="field">
						<div class="name">Miestas</div>
						<div class="value"><input name="miestas" type="text" size="70"/></div>
					</div>
					<div class="field">
						<div class="name">Metai</div>
						<div class="value"><input name="metai" type="text" size="4"/></div>
					</div>
					<div class="field">
						<div class="name">Klasifikacija</div>
						<div class="value">
							<input name="klasifikacija" id="klasifikacija" type="hidden"/>
							<input id="klasifikacijainput" type="text" size="70"/>
						</div>
					</div>
					<div class="field">
						<div class="name">Pastabos</div>
						<div class="value"><input name="pastabos" type="text" size="70"/></div>
					</div>
					<div class="buttons">
						<span class="button"><input type="submit" name="action" value="Sukurti knygą"/></span>
						<span class="button"><input type="button" value="Atšaukti" onclick="DialogBox.instance().close()"/></span>
					</div>
				</div>
			</form>
		</div>
	</div>

	<div id="importavimoforma_dialog" class="dialog" style="display: none">
		<div class="title">Importuotavimas</div>
		<div class="content">
			<form action="/knyguimportavimas.do" method="post" enctype="multipart/form-data" id="importavimoforma">
				<div class="form">
					<div class="field">
						<div class="name">Failas</div>
						<div class="value"><input name="failas" type="file" /></div>
					</div>
					<div class="field">
						<div class="name">Ištrinti visas knygas prieš importuojant</div>
						<div class="value"><input name="istrinti" type="checkbox" /></div>
					</div>
					<div class="buttons">
						<input type="hidden" name="next" value="{{ request.uri|escape }}"/>
						<span class="button"><input type="submit" name="action" value="Importuoti"/></span>
						<span class="button"><input type="button" value="Atšaukti" onclick="DialogBox.instance().close()"/></span>
					</div>
				</div>
			</form>
		</div>
	</div>

{% endblock %}

{% block footer %}
	{% if debug %}
		<script src="/static/javascript/debug/browser.js" type="text/javascript"></script>
		<script src="/static/javascript/debug/dialog.js" type="text/javascript"></script>
		<script src="/static/javascript/debug/dom.js" type="text/javascript"></script>
		<script src="/static/javascript/debug/drag.js" type="text/javascript"></script>
		<script src="/static/javascript/debug/event.js" type="text/javascript"></script>
		<script src="/static/javascript/debug/io.js" type="text/javascript"></script>
		<script src="/static/javascript/debug/lang.js" type="text/javascript"></script>
		<script src="/static/javascript/debug/offscreen.js" type="text/javascript"></script>
		<script src="/static/javascript/debug/tasklist.js" type="text/javascript"></script>
	{% else %}
		<script src="/static/javascript/biblioteka.js" type="text/javascript"></script>
	{% endif %}
		<script src="/static/javascript/bsn.AutoSuggest_c_2.0.js" type="text/javascript"></script>
		<script type="text/javascript">
			var as = new AutoSuggest('klasifikacijainput', {
				script:"/kategorijupaieska?",
				varname:"input",
				json:true,
				timeout: 2147483647,
				callback: function (obj) {
					document.getElementById('klasifikacija').value = obj.id;
				}
			});
		</script>
{% endblock %}
